<template>
	<view class="">
		<u-navbar back-text="" :title="title" :background="background" title-color='#FFF' back-icon-color='#FFF' style='border-bottom: none;'></u-navbar> 
		<view class="box">
			<image src="../../static/images/user/class-03.png" mode="" style="width: 200rpx;height: 200rpx;"></image>
		</view>
		<view class="" @click="tagVer(title)">
			<u-cell-group>
					<u-cell-item icon="setting-fill" title="当前版本" :value="version"></u-cell-item>
				
			</u-cell-group>
		</view>
		<view class="" style="padding: 15rpx;margin-top: 15rpx;background-color: #FFFFFF;">
			<text>
				更新日志
				亲爱的用户，本次更新合入了安全补丁,增强了手机的安全,建议您尽快更新。
			</text>
		</view>
		
		<view class="btn_box" style="">
			<u-button type="error" class="btn" @click="update">检查更新</u-button>
		</view>
		<u-popup v-model="show"  mode="center">
					<view style="" class="content">当前版本：{{version}}</view>
				</u-popup>
		
		</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{
					backgroundColor: '#19BE6B',
					backgroundSize: 'cover',
					backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))',
					
					
				},
				title:this.title,
				version:'version 1.2.9',
				show: false
			}
		},
		onLoad(options){
			this.title=options.name;
			console.log(options.name)
		},
		methods:{
			tagVer(title){
				this.$u.route({
					url: '/pages/version/detail',
					params: {
						name:title
					}
				})
			},
			update(){
				this.show=true;
			}
		}
	}
</script>

<style>
	.content {
			padding: 100rpx;
			text-align: center;
		}
	.btn{
		width: 50%;
		
	}
	.btn_box{
		background-color: #FFFFFF;min-height: 800rpx;
		padding-top: 300rpx;
	}
	.box{
		padding: 15rpx;
		text-align: center;
		background-color: #FFFFFF;
		
	}
	.title{
		display: block;
		text-align: center;
		font-size: 35rpx;
	}
</style>
